<!DOCTYPE html>
<!--
 File:      welcome_last_page.html
 Author:    Henry Feild
 Date:      06-Apr-2011
 Purpose:   This is a blank template for html files in this extension.

%%LICENSE%%
Version: %%VERSION%%
-->
<html>
<head>
    <link rel="shortcut icon" type="image/png"
        href="../css/img/crowdlogger-logo.001.16x16.png"/>
    <title>%%FULL_PROJECT_NAME%%&mdash;Welome</title>
    <link href="../css/dialog.css" rel="stylesheet" type="text/css">

    <!-- Load jQuery first. -->
    <script src="../js/external_lib/jquery.min.js"></script>
    
    <script src="../js/dialog.js"></script>
    <script src="../html-js/welcome_last_page.js"></script>

</head>
<body>
<span class="hidden" id="init"></span>
<div class="bodyWrapper">

    <!-- The header. -->
<!--     <div class="header">
        <div class="title"> 
            <span class="titleMain">Important Information</span><br>
            <span id="subtitle">
                <span class="titleSmall">about</span><br>
                <span class="titleSub">%%FULL_PROJECT_NAME%%</span>
                <br>
            </span>
        </div>
    </div> -->

    <div class="header">
        <div class="title with-logo"> 
            <span class="logo-version version titleSub">version %%VERSION%%</span>
            <img class="logo" src="../css/img/crowdlogger-logo.002.png"/>
            <span class="titleMain">A couple last things</span>
        </div>
    </div>
   

    <!-- Brings us down to just below the title. -->
    <div style="clear: both;"></div>
    <div class="headerBuffer"></div>

    <h1>Let your friends know about %%PROJECT_NAME%%!</h1>
    <div style="height:40px; overflow: visible">
        <iframe src="%%HOMEPAGE%%/share.html" marginheight="0" width="100%" 
           frameborder="0" scrolling="no" height="80px">
        </iframe>
    </div>

    <h1>Using %%PROJECT_NAME%%</h1>
    Before you exit this wizard, we just want to let you know how to interact with the logger. Here are some important notes:

    <ul class="welcome">
        <li>You can access the %%PROJECT_NAME%% menu by clicking on the <img width="24px" src="../css/img/crowdlogger-logo.001.logging.48x48.png"/> icon on the navigation bar
        <li>From menu, you can:
        <ul>
            <li>Toggle %%PROJECT_NAME%%&mdash;click <img src="../css/img/pauseLogging.png"/>/<img src="../css/img/startLogging.png"/>
            <li>Register
            <li>Share %%PROJECT_NAME%% with friends
            <li>Access settings
            <li>Access the <a href="#" id="launch_status_page">Status Page</a> to:
            <ul>
                <li>access the current status of %%PROJECT_NAME%%
                <li>see the studies you are currently participating in
                <li>access an ever growing list of search tools and visualizations that allow you to use your explore your search history
            </ul>
        </ul>

        <li>%%PROJECT_NAME%% is inactive whenever you are in private/incognito browsing mode.</li>

    </ul>

    <!-- Everything below here is for the footer. -->
    <div class="buffer">
    </div>
        
    <div class="footer" >
        <div class="copyright">
        %%LICENSE_WEB%%
        </div>
    </div>
</div>
<div class="emptyFooter">
</div>
</body>
</html>
